<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>index.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <link rel="stylesheet" type="text/css" href="js/ext/resources/css/ext-all.css">

	<script type="text/javascript" src="js/ext/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="js/ext/ext-all.js"></script>
	<script type="text/javascript">
		Ext.onReady(function(){
			new Ext.Viewport({
				enableTabScroll:true,
				layout:"border",
				items:[{
						title:"HTML5后台管理系统(1.0V)",
						region:"north",
						height:120,
						html:"网站后台管理系统"
					   },{
						title:"菜单",
						region:"west",
						width:200,
						collapsible:true,
						layout:"accordion",
						layoutConfig:{
								animate:true
							},
						items:[{
								id:"userinfo",
								xtype:"treepanel",
								collapsible: true,
								title:"用户管理",
								autoScroll: true,
								split: true,
								loader: new Ext.tree.TreeLoader(),
								root:new Ext.tree.AsyncTreeNode({
							            expanded: true,
							            text:"用户信息管理",
							            children: [{
								            id:"userlist",
							                text: '用户列表',
							                leaf: true
							            }, {
								            id:"adduser",
							                text: '添加用户',
							                leaf: true
							            }, {
								            id:"updateuser",
							                text: '修改用户',
							                leaf: true
							            }, {
								            id:"deleteuser",
											text:'删除用户',
											leaf: true
									    }]
					            	}),
					            listeners:{
										click:function(n){
											Ext.Msg.alert(n.id,n.text);
										}
		            				}
							   },{
							    xtype:"treepanel",
								collapsible: true,
								title:"新闻管理",
								autoScroll: true,
								split: true,
								loader: new Ext.tree.TreeLoader(),
								root:new Ext.tree.AsyncTreeNode({
							            expanded: true,
							            text:"新闻信息管理",
							            children: [{
							                text: '新闻列表',
							                leaf: true
							            }, {
							                text: '添加新闻',
							                leaf: true
							            }, {
							                text: '修改新闻',
							                leaf: true
							            }, {
											text:'删除新闻',
											leaf: true
									    }, {
											text:'审核新闻',
											leaf: true
										}]
					            	})
							   },{
							    xtype:"treepanel",
								collapsible: true,
								title:"系统管理",
								autoScroll: true,
								split: true,
								loader: new Ext.tree.TreeLoader(),
								root:new Ext.tree.AsyncTreeNode({
							            expanded: true,
							            text:"系统信息管理",
							            children: [{
							                text: '管理员列表',
							                leaf: true
							            }, {
							                text: '添加管理员',
							                leaf: true
							            }, {
							                text: '修改管理员',
							                leaf: true
							            }, {
											text:'删除管理员',
											leaf: true
									    }]
					            	})
							   }]
					   },{
						xtype:"tabpanel",
						region:"center",
						activeTab:0,
						items:[{
								title:"首页",
								html:"item1 context"
							   }]
					   }]	
			});						
		});
	</script>
  </head>
  
  <body>
  	<div id="hello"></div>
  </body>
</html>
